<template>
  <div>
    <tableData :config="table_config">
      <!-- <template v-slot:operation="slotData"> -->
      <!-- <el-button type="default" size="mini" @click="edit()">编辑</el-button>
        <el-button type="danger" size="mini" @click="remove()">删除</el-button> -->
      <!-- </template> -->
    </tableData>
  </div>
</template>
<script>
import tableData from '@/components/common/table_template/index.vue'
export default {
  name: '',
  data() {
    return {
      // 表格配置
      table_config: {
        thead: [
          {
            label: '编号',
            prop: 'id',
          },
          {
            label: '品牌名称',
            prop: 'name',
          },
          {
            label: '品牌首字母',
            prop: 'firstLetter',
          },
          {
            label: '排序',
            prop: 'sort',
          },
          {
            label: '品牌制造商',
            prop: 'factoryStatus',
            type: 'function', // 有回调的话 定义它的类型 图片也一样  => 建议
            callback: (row) => {
              return '成功啦'
            },
          },
          {
            label: '是否显示',
            prop: 'showStatus',
            type: 'switch',
          },
          {
            label: '相关',
            prop: 'productCount',
          },
          {
            label: '操作',
            type: 'operation',
            default: {
              deleteButton: true,
            },
            // 额外
          },
        ],
        url: '/brand/list',
      },
    }
  },
  methods: {},
  components: {
    tableData,
  },
}
</script>
<style lang=""></style>
